body { 
	font-family: sans-serif; 
}
#pageHelp{
	font-style: italic;
	padding: 3px;
}

p.orgvault_org_form_input{ 
    padding-top:    0px;
    padding-right: 4px;
    padding-bottom: 0px;
    padding-left: 4px;
}
.orgvault_org_form_input label{ 
	width: 10em; float: left;
}
#orgvault_org_form_container label.error { 
	float: none; color: red; padding-left: .5em; vertical-align: top; 
}
.fap_click_handler_class {
	text-decoration : underline;
    color: #0000EE;
}
.fap_counter{
	font-size : 10px;
}
.fap_container_class {
	background-color: #FFFFFF;
    padding-top:    0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.fap_container_td_class {
	border-style: solid; 
	border-top-width: 2px; 
	border-right-width: 2px; 
	border-bottom-width: 2px; 
	border-left-width: 6px; 
	border-color: #A4C639;
    padding-top:    0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    vertical-align: top;
    background-color: #A4C639;
    
}
/* the fap_table is the grid like display of persons, for example. */
.fap_table_class{
	border-collapse:collapse;
    border: 1px solid #D5D5D5;
}
.orgvault_grid_header_row{
   background-color: #E4EBCE;
}
.fap_table_class th {
   background-color: #E4EBCE;
   border: 1px solid #D5D5D5;
   padding-right:    5px;
   padding-left:    5px;
}
.fap_table_class td {
   border: 1px solid #D5D5D5;
   padding-right:    5px;
   padding-left:    5px;
}
.fap_table_class tr:nth-child(odd) {
	background-color: #EEEEEE;
}
.fap_action_bar_class {
    background-color: #A4C639; 
    padding-top:    5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
.fap_action_bar_class button {
	height: 25px;
	vertical-align: bottom;
}
.fap_action_sub_bar_class {
    background-color: #D1E29C; 
    padding-top:    5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
.fap_action_sub_bar_class button {
    height: 25px;
    vertical-align: bottom;
}
.fap_message_bar_class {
    background-color: #D1E29C; 
    height: 20px;
    width: 400px;
    
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0px;

    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    vertical-align: middle;
}
#orgvault_org_form_container {
    border-style: solid; 
    border-top-width: 2px; 
    border-right-width: 3px; 
    border-bottom-width: 2px; 
    border-left-width: 8px; 
    border-color: #D1E29C;
    padding-top:    0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    vertical-align: top;
}
/* used for elements where the click triggers an ajax call */
.fap_ajax_initiator_class {
	cursor: pointer;
}

.fap_menu_container_td_class {
    border-style: solid; 
    border-top-width: 2px; 
    border-right-width: 2px; 
    border-bottom-width: 2px; 
    border-left-width: 2px; 
    border-color: #A4C639;
    padding-top:    10px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    vertical-align: top;
}

#org_list{
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#org_list li:nth-child(odd) {
    background-color: #EEEEEE;
}
#org_list li li {
  border: 0;
  padding: 0 14px;
}
.persons_grid_action_bar{
    background-color: #A4C639; 
    padding-top: 10px;
    padding-right: 3px;
    padding-bottom: 10px;
    padding-left: 3px;
}
.orgvault_person_detail_display{
    padding-top: 10px;
    padding-right: 3px;
    padding-bottom: 10px;
    padding-left: 40px;
}
.orgvault_person_detail_edit{
    padding-top: 10px;
    padding-right: 3px;
    padding-bottom: 10px;
    padding-left: 40px;
}
#menu, #menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#menu li {
  padding-top: 3px;
  padding-right: 0px;
  padding-bottom: 2px;
  padding-left: 10px;
  font-weight: bold;
}   

#menu li li {
  border: 0;
  padding: 0 14px;
}
.fap_menu_active_class {
	background: #A4C639;	
}

.fap_menu_clickable_class {
    cursor: pointer;
}
ul.dynatree-container
{
    border-style: none;
    padding-top:    10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}
span.dynatree-active a{
    background-color:#D1E29C !important;
}
.ui-dynatree-disabled{
opacity: 0.99;
}
/*
span.dynatree-focused a{
    background-color:#D1E29C !important;
}*/

    #persons_list .ui-selecting { background: #FECA40; }
    #persons_list .ui-selected { background: #F39814; color: white; }
    
    
    #selectable .ui-selecting { background: #FECA40; }
    #selectable .ui-selected { background: #F39814; color: white; }
    
/* tool tips! */
/* Shows the tool tip in a cloud shape with a pointer */
a.css_tooltip{
    position:relative;
    _display:inline-block; /*needed for the position absolute bottom for Internet Explorer 6*/
    text-decoration:none;
    
}
a.css_tooltip:link              { color: #000000; text-decoration:none; }
a.css_tooltip:visited           { color: #000000; text-decoration:none; }
a.css_tooltip:hover             { color: #000000; text-decoration:none; }
a.css_tooltip:active            { color: #000000; text-decoration:none; }
    
a.css_tooltip span{
    display:none;
}
a.css_tooltip:hover{
    /*background-color:#FFFFFF;*/
}
a.css_tooltip:hover span{
    display:block;
    position:absolute;
    z-index:20;
    bottom:1em;
    left:1em;
    width:200px;
    color:#000;
}
a.css_tooltip span b{
    display:block;
    height:10px;
    background:url(/image/css_tooltip_top.gif) no-repeat bottom;
}
a.css_tooltip span em{
    display:block;
    height:32px;
    background:url(/image/css_tooltip_bot.gif) no-repeat;
}
a.css_tooltip span i{
    display:block;
    background-color:#FFFBCC;
    border-left:1px solid #FFCC01;
    border-right:1px solid #FFCC01;
    padding:0 5px;
}
    
